<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title>Test Page</title>
    <link rel="stylesheet" href="css/nivo-style.css" type="text/css" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
     <script  type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>

     <script type="text/javascript">
        $(document).ready(function() {
            $('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices: 8,
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        keyboardNav:true, //Use left & right arrows
   
            });
        });
     </script>
</head>

<body>
    <div id="wrapper">
         <div id="slider" class="nivoSlider">
            <a href="#"><img src="photos/nivo1.jpg" alt="" title="Sau một thời gian bị gián đoạn do bận làm lại giao diện cho trang web."/></a>
            <img src="photos/nivo2.jpg" alt="" title="Lorem ipsum dolor sit a met"/>
            <img src="photos/nivo3.jpg" alt="" title="This is Sparta!!!" />
            <img src="photos/nivo4.jpg" alt="" title="how about one more for luck" />
            <img src="photos/nivo5.jpg" alt="" title="#caption"/>
        </div>
        <div id="caption" class="nivo-html-caption">
            <strong>This</strong> is madness with <a href="http://www.izwebz.com">a link</a>
        </div>
    </div>

</body>

</html>